.banner .swiper-slide{
    width: 100vw;
    height: 39.6vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    position: relative
}

.swiper-pagination .swiper-pagination-bullet{
	width: 30px;
    height: 3px;
	background: #fff;
	border-radius:0;
	opacity: .5;
}
.swiper-pagination .swiper-pagination-bullet-active{
	background:#0069ea;
	width: 40px;
}


.youshi{
	width: 56vw; overflow: hidden; margin: 25px auto 25px auto;
	display: flex;
    align-items: center;
    flex-direction: row;
	justify-content: space-between;
	padding-left:0px;
}
.youshi li{

	border-left:1px solid #E6ECF0;
	display: flex;
}
.youshi li:nth-child(1){border:none;}

.youshi li img{
	margin:5px 10px 0px 55px;
	width:30px;
	height:30px;
}

.youshi li div{
	flex:1;
}

.youshi li h4{
	margin-top:0px;
	font-size:16px;
	font-weight:600;
	color:#4B4B4B;
}
.youshi li p{
	margin-top:2px;
	font-size:12px;
	line-height:12px;
	color:#a7afb5;
}


.item-box {
    position: relative
}

.item-title {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0
}


.tab-box {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column
}

.tab-title {
    display: flex;
    width: 100%
}

.tab-title .active {
    color: #0069ea;
    border-bottom: 2px solid #0069EA;
}



.title-item {
    text-align: center;
    padding-bottom: 18px;
    width: 15.625vw;
    border-bottom: 1px solid rgba(255,255,255,.2);
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    cursor: pointer
}


.tab-item:nth-child(1){
	display:block;
}
.tab-item{
	display:none;
}


.zhihui-box {
    max-width: 30.14vw;
    color: #fff;
    margin-top: 3.18vw;
}

.zhihui-title {
    font-size: 1.67vw;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1.3vw
}

.zhihui-content {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff80;
    margin-bottom: 2.8vw
}

.character-box {
    display: grid;
    grid-template-columns: 12.5vw 12.5vw;
    grid-template-rows: 2.8vw 2.8vw;
    gap: 2.04vw;
    margin-bottom: 2.17vw
}

.character {
    display: flex;
    align-items: center;
    color: #fff
}

.character-icon {
    width: 2.018vw;
    height: 1.855vw;
    background-position: center;
    background-size: 100% 100%
}

.character-content {
    margin-left: 1.034vw
}

.character-title {
    font-size: .9375vw
}

.character-desc {
    font-size: .7292vw;
    color: #fffc
}

.ghost-btn {
    width: 6.25vw;
    height: 2.09vw;
    border-radius: 4px;
    border: 1px solid currentColor;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .84vw;
    transition: .3s
}

.ghost-btn a{
    color: #fff;
}

.ghost-btn a:hover,.ghost-btn:hover {
    color: #0069ea
}

@media screen and (max-width: 1210px) {
    .ghost-btn {
        display:none
    }
}

.container {
    width: 100%
}

.banner-info {
    position: absolute;
    top: 13.03vw;
    left: 18.75vw;
    color: #fff
}

.banner-info>*+* {
    margin-top: 3.03vw
}

.banner-title {
    font-family: 思源黑体;
    font-size: 2.4vw;
    font-weight: 500;
    line-height: 1.3
}

.banner-sub-title {
    font-size: 1.05vw;
    line-height: 1.4
}

.button {
    width: 158px;
    height: 40px;
    border-radius: 4px;
    background-color: #0069ea;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    filter: grayscale(.2);
    transform: .3s;
	color:#fff;
}

.button:hover {
    filter: grayscale(0)
}

.layout {
    width: 100%;
    line-height: 0;
    font-size: 0
}


.main-title {
    font-size: 2.4vw;
    font-weight: 500;
    margin-bottom: 22px
}

.sub-title {
    font-size: 1.05vw;
    font-weight: 400
}

.scroll-box {
    width: 70.8vw;
    margin:20px auto;
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin-top: 6.3vw;
    
    background-image: url(../img/ryzz-bg-3rg84D9Q.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.scroll-btn-left,.scroll-btn-right {
    height: 4.365vw;
    width: 2.08vw;
    position: absolute;
    cursor: pointer;
    background-position: center;
    background-size: 100% 100%
}

.scroll-btn-left {
    background-image: url(../img/zhishi-left.png);

    left: 9vw;

}

.scroll-btn-right {
    background-image: url(../img/zhishi-right.png);

    right: 9vw;

}

.scroll-box .swiper-wrapper{
    height:17.3vw;
    margin-top:2px;
}

.scroll-box .swiper-slide {
      width:100%;
	  /*height:180px;*/
	  height:16.3vw;
	  box-shadow: 0 0 10px #ccc; 
	  text-align: center;
	  background:url(../img/zzbg.png);
}

.scroll-box .swiper-slide a{
    color:#000;
}

.scroll-box .swiper-slide img {
      display: block;
      height: 10vw;
      margin:20px auto;
    }
.scroll-box .swiper-slide div {
      font-size:16px;
      padding-top:6px;
      margin-top:35px;
    }
.scroll-box .swiper-slide p {
      font-size:12px;
      color:#797f81;
    }

.img-box {
    line-height: 0
}


.jishu{
	width: 100%; overflow: hidden; margin-top: 10px;
	display: flex;
    align-items: center;
    flex-direction: row;
	justify-content: space-between;
}
.jishu li{
	width:20%;
	height:23vw;
}
.jishu li a {
    display: block;
    width: 100%;
    height: 100%;
    border-right: 1px solid #595952;
    box-sizing: border-box;
    background-image: url("../img/industry-list-memo.png");
    color:#fff;
}
.jishu li a:hover{background-image: url("../img/industry-list-memo-h.png")}


.jishu li img{
	margin-top:185px;
	margin-left:80px;
	width:32px;
}
.jishu li h4{
	margin-top:18px;
	margin-left:80px;
	font-size:16pt;
}
.jishu li p{
	margin-top:10px;
	margin-left:80px;
	margin-bottom:50px;
	font-size:10pt;
	line-height:18px;
	width:172px;
}
.jishu li.jsbg1{
	background-image: url(../img/jsbg1.png);
}
.jishu li.jsbg2{
	background-image: url(../img/jsbg2.png);
}
.jishu li.jsbg3{
	background-image: url(../img/jsbg3.png);
}
.jishu li.jsbg4{
	background-image: url(../img/jsbg4.png);
}
.jishu li.jsbg5{
	background-image: url(../img/jsbg5.png);
}

.jishu li{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}

.partner {
    background-image: url(../img/hezuo-bg-Y_BCeTos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}

/*i-partners*/
.partners-box{width: 100%; overflow: hidden; margin-top: 220px;
	padding-bottom: 130px;
	background-image: url(../img/hezuo-bg-Y_BCeTos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
	 }
.partners-box ul{width: 83vw;margin:0 auto;}
.partners-box ul li{width: 14%; height:105px; margin:10px; background: #fff;float: left; list-style:none;}
.partners-box ul li img{width: 100%; box-shadow: 0 0 5px #f4f2f2;  display: block;}


.news-box{width: 100%; overflow: hidden; margin-top: 180px;
	padding-bottom: 30px;
}

.aui-nav-content-box { width: 83vw; position: relative;height: 40px; margin:0 auto; margin-top: 50px; }
.aui-nav-list-box { width:100%; margin: auto; height: 40px;  zoom: 1;  z-index: 110; display: block;  text-align: center;}
.aui-nav-list-box ul li { display:inline-block; color: #000; height: 40px; cursor: pointer; line-height: 40px; width: 160px; margin:0 5px;   font-size: 16px;
    text-align: center; position: relative; }
.aui-nav-list-box ul li a {display: block;width: 100%; color: #333;  border-radius: 25px; z-index: 10;}
.aui-nav-list-box ul .aui-current a {  background: #0069ea;  color: #fff;}
.aui-nav-list-box ul li a:hover{ background: #0069ea;  color: #fff;}
.aui-nav-list-item {padding-top:60px; display: none;}
.news-list-img{width: 49%;  float: left;  overflow: hidden; }
.news-list-img a{display: block;width: 100%;  background: #fff;}
.news-list-img .news-img{width: 100%;height:330px; overflow: hidden; display: flex; justify-content:center;align-items:center;}
.news-list-img .news-img img{ display:inline; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-list-img .news-img video{width: 100%; }
.news-list-img h2{  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;   width: 100%;font-size: 20px; color: #666; text-align: center; height: 64px; line-height: 64px; box-sizing: border-box;  padding: 0 3%; }
.news-list-img a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.news-list-img a:hover h2{ color:#365ed0;;}

.news-list{width: 49%;  float: right;  overflow: hidden; }
.news-list ul{ width:100%;}
.news-list ul li{ width:100%;   overflow: hidden; }
.news-list ul li a{display: block;width: 100%; border-bottom: 1px solid #ddd;}
.news-list ul li h2{    font-size: 16px; color: #666;  line-height: 60px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;  box-sizing: border-box; padding: 0 3%; }
.news-list ul li a.more{width: 30.5%; background: #0069ea;border-bottom: 0; margin: 22px 0 0 0; text-align: center; font-size:16px; color: #fff; border-radius:50px;  line-height: 40px;}
.news-list ul li a:hover h2{ color:#365ed0;;}
.news-list ul li:nth-child(1){border-top: 1px solid #ddd;}




.smoothbox {
	position: fixed;
	top:0;
	left:0;
	background:rgb(0,0,0);
	background: rgba(0, 0, 0, 0.9);
	height:100%;
	width:100%;
	z-index: 9999;
}
/* vertical centering */
.smoothbox-table {
	top:0;
	height:100%;
	width:100%;
	display:table;
}
.smoothbox-centering {
	display:table-cell;
	vertical-align:middle;
	top:0;
	height:100%;
	width:100%;
}
/* horizontal centering & sizing */
.smoothbox-sizing {
	display:none;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	width: 80%;
}
/* item wrapper */
.sb-items {
	margin: 0 auto;
	width: auto;
	padding: 0;
	list-style: none;
	border-radius: 2px;
	display: table;
}
.sb-items:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* items */
.sb-item {
	left: 0;
	top:0;
	width: 100%;
	max-height: 80%;
	float: left;
	margin-right: -100%;
	position: relative;
	zoom: 1;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 5px rgba(0, 0, 0, 1), 0px 0px 0px 6px #292929;
	-webkit-backface-visibility: hidden;
 -webkit-transition: all .4s ease-out;
 -moz-transition:all .4s ease-out;
 transition: all .4s ease-out;
}
.no-trans {
	-webkit-transition:none;
	-moz-transition:none;
	transition:none;
}
.sb-item img {
	max-width: 100%;

	display: block;
	border-radius: 2px;
	position: relative;
}
/* forward animation */
.sb-item-ani {
	top: 400px;
	opacity:0;
	-webkit-transform:scale(.5)rotate(25deg);
	-moz-transform:scale(.5)rotate(25deg);
	transform:scale(.5)rotate(25deg);
}
/* back animation */
.sb-item-ani2 {
	top:400px;
	-webkit-transform:scale(.5) rotate(25deg);
	-moz-transform:scale(.5) rotate(25deg);
	transform:scale(.5) rotate(25deg);
	opacity:0;
}
.sb-caption {
	position: absolute;
	bottom: 0px;
	width: 100%;
	background:rgb(0,0,0);
	background: rgba(0, 0, 0, 0.9);
	color: #CCC;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	z-index: 1;
	text-align: center;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
/* buttons */
.sb-nav {
	position:absolute;
	top: 10px;
	width: 100%;
	margin: 0 auto;
	display: none;
	z-index: 10;
	text-align: center;
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	font-size: 0;
 -webkit-transition:all .15s ease-out;
 -moz-transition:all .15s ease-out;
 transition:all .15s ease-out;
	zoom:1;
}
.sb-nav:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.sb-prev, .sb-next, .sb-cancel {
	display: inline-block;
	background:rgb(0,0,0);
	background: rgba(0, 0, 0, 0.9);
	position: relative;
	zoom:1;
	outline:none;
	margin-right:1px;
	color: #fff!important;
	width: 50px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	font-size: 21px;
	font-weight: bold;
	line-height: 33px;
 -webkit-transition:all .15s ease-out;
 -moz-transition:all .15s ease-out;
 transition:all .15s ease-out;
}
.sb-prev {
	border-radius: 15px 0 0 15px;
}
.sb-next {
	border-radius: 0 15px 15px 0;
}
.sb-nav a:hover {
	background: #fff;
	color: #000!important;
}
.sb-cancel:hover {
	background:#820001;
}